<template>
  <div class="main">
    <h1>上传文件</h1>
    <UploadFile v-model="file" />
    {{ file }}

    <el-divider />

    <h1>上传多个文件</h1>
    <UploadFiles v-model="files" />
    {{ files }}

    <el-divider />

    <h1>上传图片</h1>
    <UploadImage v-model="imgFile" />
    {{ imgFile }}

    <el-divider />

    <h1>上传多张图片</h1>
    <UploadImages v-model="imgFiles" />
    {{ imgFiles }}
  </div>
</template>

<script setup lang="ts">
import { ref } from "vue";
import { UploadFile, UploadFiles, UploadImage, UploadImages } from "@/components/Upload";

const file = ref();
const files = ref([]);

const imgFile = ref();
const imgFiles = ref([]);
</script>
